<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表分类页面</title>
    <link rel="stylesheet" href="../css/nav.css">
</head>

<body>
      <!-- 头部·-->
      <header>
        <img src="../static/mages/2.jpg" alt="">
        <form action="">
            <input type="text" name="ps" placeholder="搜索商品发现更多优惠">
            <input type="submit" name="pt" value="搜索">
        </form>
        <img src="../static/mages/1.jpg" alt="" class="en">
        <ul>
            <li><a href="../pages/logn.html">登录</a></li>
            <li><a href="../pages/enrol.html">注册</a></li>
            <li><a href="#">关注我们</a></li>
        </ul>
    </header>
    <!-- 导航-->
    <nav>
        <div class="sent">
            <ul>
                <li onclick="blanck()">首页</li>
                <li onclick="toNav(0)">9块9包邮</li>
                <li onclick="toNav(1)">超值大卷额</li>
                <li onclick="toNav(2)">夏季女装上市</li>
            </ul>
        </div>
    </nav>
    <!-- 主体-->
    <main>
        <!-- 商品列表-->
        <div class="content">
            <!-- 动态渲染-->
        </div>
    </main>
    <!-- 尾页-->
    <footer>
        <div class="end">
            <img src="../static/mages/6.jpg" alt="">
            <div class="text">
                <h2>熊猫优选</h2>
                <p>年轻人购物首选</p>
                <p>购物领卷更优惠</p>
            </div>
            <h2 class="sp"><span>|</span>下载app</h2>
        </div>
    </footer>
    <script src="../lib/js/swiper-bundle.min.js"></script>
    <script src="../lib/js/jquery-3.6.0.js"></script>
    <script src="../lib/js/axios.min.js"></script>
    <script src="../js/nav.js"></script>
</body>

</html>